//引入清除默认样式
@import url('./reset.scss');

//滚动条外观设置
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  // background: $base-menu-background;
}

::-webkit-scrollbar-thumb {
  width: 10px;
  // background-color: yellowgreen;
  border-radius: 10px;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex1,
.flex_1 {
  flex: 1;
}

.clear_15 {
  height: 15px;
}
.clear_20 {
  height: 20px;
}
.clear_25 {
  height: 25px;
}
.clear_30 {
  height: 30px;
}
.clear_35 {
  height: 35px;
}
.clear_40 {
  height: 40px;
}
.clear_45 {
  height: 45px;
}
.clear_50 {
  height: 50px;
}
.clear_55 {
  height: 55px;
}
.clear_60 {
  height: 60px;
}
.clear_65 {
  height: 65px;
}
.clear_70 {
  height: 70px;
}
.clear_75 {
  height: 75px;
}
.clear_160 {
  height: 160px;
}

.color_red {
  color: #ff233c;
}
.color_font,
.color_333 {
  color: #333333;
}
.color_666 {
  color: #666666;
}
.color_69 {
  color: #696969;
}
.color_9a {
  color: #9a9a9a;
}
.color_hui,
.color_999 {
  color: #999999;
}
.color_fff {
  color: #fff;
}
.color_main {
  color: #ffd100;
}
.color_10 {
  color: #101010;
}
.color_00 {
  color: #000000;
}

.back_main {
  background: #ffd100;
}
.back_red {
  background: #ff262c;
}
.back_hui {
  background: #f2f2f2;
}
.back_fff {
  background: #fff;
}

.font_22 {
  font-size: 22px;
  line-height: 22px;
}
.font_24 {
  font-size: 24px;
  line-height: 24px;
}
.font_26 {
  font-size: 26px;
  line-height: 26px;
}
.font_28 {
  font-size: 28px;
  line-height: 28px;
}
.font_30 {
  font-size: 30px;
  line-height: 30px;
}
.font_32 {
  font-size: 32px;
  line-height: 32px;
}
.font_34 {
  font-size: 34px;
  line-height: 34px;
}
.font_36 {
  font-size: 36px;
  line-height: 36px;
}
.font_38 {
  font-size: 38px;
  line-height: 38px;
}
.font_40 {
  font-size: 40px;
  line-height: 40px;
}

.font_400 {
  font-weight: 400;
}
.font_600 {
  font-weight: 600;
}

.mar_t_10 {
  margin-top: 10px;
}
.mar_t_20 {
  margin-top: 20px;
}
.mar_t_25 {
  margin-top: 25px;
}
.mar_t_30 {
  margin-top: 30px;
}
.mar_t_35 {
  margin-top: 35px;
}
.mar_t_40 {
  margin-top: 40px;
}
.mar_b_20 {
  margin-bottom: 20px;
}
.mar_b_25 {
  margin-bottom: 25px;
}
.mar_b_30 {
  margin-bottom: 30px;
}
.mar_b_35 {
  margin-bottom: 35px;
}
.mar_b_40 {
  margin-bottom: 40px;
}
.mar_r_10 {
  margin-right: 10px;
}
.mar_r_20 {
  margin-right: 20px;
}
.mar_r_30 {
  margin-right: 30px;
}
.mar_r_40 {
  margin-right: 40px;
}
.mar_l_10 {
  margin-left: 10px;
}
.mar_l_20 {
  margin-left: 20px;
}
.mar_l_30 {
  margin-left: 30px;
}
.mar_l_40 {
  margin-left: 40px;
}

.pad_t_10 {
  padding-top: 10px;
}
.pad_t_20 {
  padding-top: 20px;
}
.pad_t_25 {
  padding-top: 25px;
}
.pad_t_30 {
  padding-top: 30px;
}
.pad_t_35 {
  padding-top: 35px;
}
.pad_t_40 {
  padding-top: 40px;
}
.pad_b_20 {
  padding-bottom: 20px;
}
.pad_b_25 {
  padding-bottom: 25px;
}
.pad_b_30 {
  padding-bottom: 30px;
}
.pad_b_35 {
  padding-bottom: 35px;
}
.pad_b_40 {
  padding-bottom: 40px;
}
.pad_r_10 {
  padding-right: 10px;
}
.pad_r_20 {
  padding-right: 20px;
}
.pad_r_30 {
  padding-right: 30px;
}
.pad_r_40 {
  padding-right: 40px;
}
.pad_l_10 {
  padding-left: 10px;
}
.pad_l_20 {
  padding-left: 20px;
}
.pad_l_30 {
  padding-left: 30px;
}
.pad_l_40 {
  padding-left: 40px;
}

.pad_30 {
  padding: 30px;
}
.pad_25 {
  padding: 25px;
}
.pad_20 {
  padding: 20px;
}
